// @use "sass:math";

.container {
    overflow: hidden;
    $n : 9;
    // $size : 100vw / $n; 
    $size: calc(100vw / $n);
    // $size: math.dev(100vw, $n);
    
    .line{
        display: flex;
        &:nth-child(even) {
            // transform: translateX( - $size / 2);
            transform: translateX( - calc($size / 2));
        }
        &:nth-child(n + 2) {
            margin-top: - calc($size / 6);
            // margin-top: -$size / 6;
            // margin-top: math.dev(-$size, 6)
        }
        .item{
            flex-shrink: 0;
            width: $size;
            height: $size;
            background-color: #000;
            outline: 2px solid #fff;
            clip-path: polygon(50% 4%, 94% 25%, 94% 75%, 50% 95%, 5% 75%, 5% 25%);
        }
    }
}